import Vue from 'vue'
import VueRouter from 'vue-router'
import table01 from "@/views/table/Table01";
import button01 from "@/views/button/Button01";
import card01 from "@/views/card/Card01";
import form01 from "@/views/form/Form01";
import lifeCircle01 from "@/views/life/LifeCircle01";
import lifeCircle02 from "@/views/life/LifeCircle02";
import lifeCircle from "@/views/life/LifeCircle";
import rooter01 from "@/views/rooter/Rooter01";
import rooter02 from "@/views/rooter/Rooter02";
import img01 from "@/views/img/img01";


Vue.use(VueRouter)

const routes = [
  {path:'/table01',component:table01},
  {path: '/button01',component: button01},
  {path: '/card01',component: card01},
  {path: '/form01',component: form01},
  {path: '/lifeCircle',component: lifeCircle,children:[
      {path: '/lifeCircle01',component: lifeCircle01},
      {path: '/lifeCircle02',component: lifeCircle02}
    ]},
  {path:'/root01',component:rooter01},
  {path:'/root02',component:rooter02},
  {path:'/img01',component: img01}
]

const router = new VueRouter({
  mode: 'history',
  base: process.env.BASE_URL,
  routes
})

export default router